<template>
    <div>
        <div id="J1">
            <div id="J2">
                <el-breadcrumb separator-class="el-icon-arrow-right">
                    <el-breadcrumb-item>当前位置</el-breadcrumb-item>
                    <el-breadcrumb-item>养老服务管理系统</el-breadcrumb-item>
                    <el-breadcrumb-item>机构养老</el-breadcrumb-item>
                    <el-breadcrumb-item>机构管理</el-breadcrumb-item>
                    <el-breadcrumb-item>服务质量信息</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
        </div>
        <!-- 多条件搜索框 -->
        <div id="J3">
            <div id="J4"> <span>机构名称：</span>
                <el-select v-model="fen.jigouId" clearable>
                    <el-option v-for="xinxi in jigouname" :key="xinxi.noid" :label="xinxi.jigouname" :value="xinxi.noid"></el-option>
                </el-select>

                <span style="margin-left: 30px;">年度：</span>
                <el-date-picker v-model="fen.min" type="year" placeholder="选择年">
                </el-date-picker>&nbsp;&nbsp;--&nbsp;&nbsp;
                <el-date-picker v-model="fen.max" type="year" placeholder="选择年">
                </el-date-picker>

                <span style="margin-left: 50px;">添加时间：</span>
                <el-date-picker v-model="fen.dangqianDate" type="daterange" range-separator="至" start-placeholder="添加时间"
                    end-placeholder="添加时间">
                </el-date-picker>

                <el-button type="primary" icon="el-icon-search" @click.native="onSubmit" style="margin-left: 50px;">搜索
                </el-button>
            </div>
        </div>
        <!-- 增删改查、分页、页面数据 -->
        <div id="J5">
            <div id="J6">
                <el-button type="success" plain @click.native="xinzeng">新建</el-button>
                <el-button type="primary" plain @click.native="chakan()">查看</el-button>
                <el-button type="warning" plain @click.native="xiugai">修改</el-button>
                <el-button type="danger" plain @click.native="shanchu">删除</el-button>
                <div id="J7">
                    <el-table border ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
                        @selection-change="handleSelectionChange">
                        <el-table-column type="selection" width="55"> </el-table-column>
                        <el-table-column type="index" label="序号" width="120"></el-table-column>
                        <el-table-column prop="jigouname" label="机构姓名" width="300"> </el-table-column>
                        <el-table-column prop="niandu" :formatter="leaveTime" label="年度" width="360">
                        </el-table-column>
                        <el-table-column prop="zhibiao" label="机构提供的服务内容" width="360" show-overflow-tooltip>
                            
                        </el-table-column>
                        <el-table-column prop="ruyuanpinggu" label="是否对入住对象进行入院评估" width="360" show-overflow-tooltip>
                            <template slot-scope="scope">
                                {{scope.row.ruyuanpinggu==0?'是':''}}
                                {{scope.row.ruyuanpinggu==1?'是':''}}
                                {{scope.row.ruyuanpinggu==2?'是':''}}
                                {{scope.row.ruyuanpinggu==3?'是':''}}
                                {{scope.row.ruyuanpinggu==4?'否':''}}
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
                <el-pagination @size-change="xianshi" @current-change="yema" :current-page="fen.dqNum"
                    :page-sizes="[5, 15, 20, 30]" :page-size="fen.xsNum"
                    layout="total, sizes, prev, pager, next, jumper" :total="total">
                </el-pagination>
            </div>
        </div>
        <!-- 新增修改信息模块 ------------------------------------------------------------>
        <el-dialog :title="isAdd?'新增信息':'修改信息'" :visible.sync="dialogFormVisible" :append-to-body="true" width="60%">
            <el-form :model="fuwu" :inline="true" :rules="rules" ref="fuwu">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="机构名称：" prop="jigouId" label-width="200">
                            <el-select v-model="fuwu.jigouId" clearable>
                                <el-option v-for="xinxi in jigouname" :key="xinxi.noid" :label="xinxi.jigouname" :value="xinxi.noid"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="年度：" prop="niandu" label-width="200" >
                            <el-date-picker v-model="fuwu.niandu" type="year"></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否对入住对象进行入院评估："  prop="ruyuanpinggu">
                            <el-select v-model="fuwu.ruyuanpinggu" clearable placeholder="请选择：">
                                <el-option label="民政部制定的评估标准" value="0"></el-option>
                                <el-option label="地方民政部门制定的评估标准" value="1"></el-option>
                                <el-option label="机构内部制定的评估标准" value="2"></el-option>
                                <el-option label="按照《特困人员认定方法》关于生活自理能力的六项指标评估标准" value="3"></el-option>
                                <el-option label="否" value="4"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="组织入住对象开展文化娱乐活动频率：" prop="wenhuayule">
                            <el-select v-model="fuwu.wenhuayule" clearable placeholder="请选择：">
                                <el-option label="每天" value="0"></el-option>
                                <el-option label="每周2次以上" value="1"></el-option>
                                <el-option label="每月2次以上" value="2"></el-option>
                                <el-option label="每季度2次以上" value="3"></el-option>
                                <el-option label="每年2次" value="4"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="机构提供的服务内容：" prop="jigoutigong">
                            <el-checkbox-group v-model="fuwu.jigoutigong" @change="handleCheckedCitiesChange">
                                <el-checkbox v-for="xinxi in fuwuguanli" :key="xinxi.noid" :label="xinxi.noid">{{ xinxi.zhibiao }}</el-checkbox>
                            </el-checkbox-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="食谱更新频率：" prop="shipu">
                            <el-select v-model="fuwu.shipu" clearable placeholder="请选择：">
                                <el-option label="每周更新" value="0"></el-option>
                                <el-option label="每月更新" value="1"></el-option>
                                <el-option label="每季度更新" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="入住对象发生压疮的人数:" prop="yachang">
                            <el-input v-model="fuwu.yachang" autocomplete="off"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否每年对入住对象进行体检：:" prop="jinxingtijian">
                            <el-radio-group v-model="fuwu.jinxingtijian">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="体检的入住对象人数：" prop="tijianrenshu">
                            <el-input v-model="fuwu.tijianrenshu"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="餐饮工作人员是否每年进行体检：" prop="canyintijian">
                            <el-radio-group v-model="fuwu.canyintijian">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="体检的餐饮工作人员人数：" prop="canyinrenshu">
                            <el-input v-model="fuwu.canyinrenshu"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否发生过医疗事故：" prop="yiliaoshigu">
                            <el-radio-group v-model="fuwu.yiliaoshigu">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否发生过食物中毒：" prop="shiwuzhongdu">
                            <el-radio-group v-model="fuwu.shiwuzhongdu">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否发生过责任事故：" prop="zerenshigu">
                            <el-radio-group v-model="fuwu.zerenshigu">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="服务投诉件数：" prop="tousu">
                            <el-input v-model="fuwu.tousu"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="有无服务质量管理部门：" prop="guanlibumen">
                            <el-radio-group v-model="fuwu.guanlibumen">
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="有无服务质量管理制度：" prop="guanlizhidu">
                            <el-radio-group v-model="fuwu.guanlizhidu">
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否委托第三方进行服务质量外部评价：">
                            <el-radio-group v-model="fuwu.waibupingjia">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否在机构内进行护理员服务评比：" prop="huliyuan">
                            <el-radio-group v-model="fuwu.huliyuan">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="服务评比的频率：" prop="fuwupingbi">
                            <el-select v-model="fuwu.fuwupingbi" clearable placeholder="请选择：">
                                <el-option label="每年2次以上" value="0"></el-option>
                                <el-option label="每年1-2次" value="1"></el-option>
                                <el-option label="每年少于1次" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否建立了机构和老年人家属的联席会议制度或其他沟通机制：" prop="goutongjizhi">
                            <el-radio-group v-model="fuwu.goutongjizhi">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="有无专门的部门或人员负责投诉记录、核实、处理和反馈：" prop="fuzetousu">
                            <el-radio-group v-model="fuwu.fuzetousu">
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="有无定期征求入住对象及家属意见：" prop="wudingqi">
                            <el-radio-group v-model="fuwu.wudingqi">
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="有无组成由入住对象参与的伙委会：" prop="huoweihui">
                            <el-radio-group v-model="fuwu.huoweihui">
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否开展机构服务满意度调查：" prop="manyidudiaocha">
                            <el-radio-group v-model="fuwu.manyidudiaocha">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="入住对象对服务满意度(年度)：" prop="manyiduniandu">
                            <el-input v-model="fuwu.manyiduniandu"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="亲属对服务满意度(年度)：" prop="qinshu">
                            <el-input v-model="fuwu.qinshu"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否发生医疗、传染病感染：" prop="ganran">
                            <el-radio-group v-model="fuwu.ganran">
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="dialogFormVisible=false">取 消</el-button>
                <el-button type="primary" @click.native="submitForm('fuwu')" v-show="isAdd">确 定</el-button>
                <el-button type="primary" @click.native="edifuwu" v-show="!isAdd">保 存</el-button>
            </div>
        </el-dialog>
        <!-- 查看模块------------------查看模块 -->
        <el-dialog title="查看" :visible.sync="chakanxuankuang" :append-to-body="true">
            <el-form :model="fuwu" :inline="true" :rules="rules" ref="fuwu">

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="机构名称：" prop="jigouId" label-width="200">
                            <el-select v-model="fuwu.jigouId" clearable disabled>
                                <el-option v-for="xinxi in jigouname" :key="xinxi.noid" :label="xinxi.jigouname" :value="xinxi.noid"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="年度：" prop="niandu" label-width="200">
                            <el-date-picker v-model="fuwu.niandu" type="year" disabled></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否对入住对象进行入院评估："  prop="ruyuanpinggu">
                            <el-select v-model="fuwu.ruyuanpinggu" clearable placeholder="请选择：" disabled>
                                <el-option label="民政部制定的评估标准" value="0"></el-option>
                                <el-option label="地方民政部门制定的评估标准" value="1"></el-option>
                                <el-option label="机构内部制定的评估标准" value="2"></el-option>
                                <el-option label="按照《特困人员认定方法》关于生活自理能力的六项指标评估标准" value="3"></el-option>
                                <el-option label="否" value="4"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="组织入住对象开展文化娱乐活动频率：" prop="wenhuayule">
                            <el-select v-model="fuwu.wenhuayule" clearable placeholder="请选择：" disabled>
                                <el-option label="每天" value="0"></el-option>
                                <el-option label="每周2次以上" value="1"></el-option>
                                <el-option label="每月2次以上" value="2"></el-option>
                                <el-option label="每季度2次以上" value="3"></el-option>
                                <el-option label="每年2次" value="4"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="机构提供的服务内容：" prop="jigoutigong">
                            <el-checkbox-group v-model="fuwu.jigoutigong" @change="handleCheckedCitiesChange" disabled>
                                <el-checkbox v-for="xinxi in fuwuguanli" :key="xinxi.noid" :label="xinxi.noid">{{ xinxi.zhibiao }}</el-checkbox>
                            </el-checkbox-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="食谱更新频率：" prop="shipu">
                            <el-select v-model="fuwu.shipu" clearable placeholder="请选择：" disabled>
                                <el-option label="每周更新" value="0"></el-option>
                                <el-option label="每月更新" value="1"></el-option>
                                <el-option label="每季度更新" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="入住对象发生压疮的人数:" prop="yachang">
                            <el-input v-model="fuwu.yachang" autocomplete="off" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否每年对入住对象进行体检：:" prop="jinxingtijian">
                            <el-radio-group v-model="fuwu.jinxingtijian" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="体检的入住对象人数：" prop="tijianrenshu">
                            <el-input v-model="fuwu.tijianrenshu" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="餐饮工作人员是否每年进行体检：" prop="canyintijian">
                            <el-radio-group v-model="fuwu.canyintijian" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="体检的餐饮工作人员人数：" prop="canyinrenshu">
                            <el-input v-model="fuwu.canyinrenshu" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否发生过医疗事故：" prop="yiliaoshigu">
                            <el-radio-group v-model="fuwu.yiliaoshigu" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否发生过食物中毒：" prop="shiwuzhongdu">
                            <el-radio-group v-model="fuwu.shiwuzhongdu" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否发生过责任事故：" prop="zerenshigu">
                            <el-radio-group v-model="fuwu.zerenshigu" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="服务投诉件数：" prop="tousu">
                            <el-input v-model="fuwu.tousu" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="有无服务质量管理部门：" prop="guanlibumen">
                            <el-radio-group v-model="fuwu.guanlibumen" disabled>
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="有无服务质量管理制度：" prop="guanlizhidu">
                            <el-radio-group v-model="fuwu.guanlizhidu" disabled>
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否委托第三方进行服务质量外部评价：">
                            <el-radio-group v-model="fuwu.waibupingjia" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否在机构内进行护理员服务评比：" prop="huliyuan">
                            <el-radio-group v-model="fuwu.huliyuan" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="服务评比的频率：" prop="fuwupingbi">
                            <el-select v-model="fuwu.fuwupingbi" clearable placeholder="请选择：" disabled>
                                <el-option label="每年2次以上" value="0"></el-option>
                                <el-option label="每年1-2次" value="1"></el-option>
                                <el-option label="每年少于1次" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否建立了机构和老年人家属的联席会议制度或其他沟通机制：" prop="goutongjizhi">
                            <el-radio-group v-model="fuwu.goutongjizhi" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="有无专门的部门或人员负责投诉记录、核实、处理和反馈：" prop="fuzetousu">
                            <el-radio-group v-model="fuwu.fuzetousu" disabled>
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="有无定期征求入住对象及家属意见：" prop="wudingqi">
                            <el-radio-group v-model="fuwu.wudingqi" disabled>
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="有无组成由入住对象参与的伙委会：" prop="huoweihui">
                            <el-radio-group v-model="fuwu.huoweihui" disabled>
                                <el-radio :label="1">有</el-radio>
                                <el-radio :label="0">无</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否开展机构服务满意度调查：" prop="manyidudiaocha">
                            <el-radio-group v-model="fuwu.manyidudiaocha" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="入住对象对服务满意度(年度)：" prop="manyiduniandu">
                            <el-input v-model="fuwu.manyiduniandu" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="亲属对服务满意度(年度)：" prop="qinshu">
                            <el-input v-model="fuwu.qinshu" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否发生医疗、传染病感染：" prop="ganran">
                            <el-radio-group v-model="fuwu.ganran" disabled>
                                <el-radio :label="1">是</el-radio>
                                <el-radio :label="0">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click.native="chakanxuankuang=false">确 定</el-button>
            </div>
        </el-dialog>






    </div>
</template>

<script>
import axios from 'axios';
import moment from 'moment';
export default {
    methods: {
        chaxun() {
            axios.post("/chain-api/fuwuxinxi/page", this.fen).then(res => {
                console.log(res);
                this.tableData = res.data.list;
                this.total = res.data.total;
            })
        },
        xianshi(a) {
            this.fen.xsNum = a;
            this.chaxun();
        },
        yema(a) {
            this.fen.dqNum = a;
            this.chaxun();
        },
        //查询完到第一页
        onSubmit() {
            this.fen.dqNum = 1;
            this.chaxun();
        },
        xinzeng() {
            this.isAdd = true;
            this.dialogFormVisible = true;
            this.fuwu.jigouId = '';
            this.fuwu.niandu = '';
            this.fuwu.ruyuanpinggu = '';
            this.fuwu.wenhuayule = '';
            this.fuwu.jigoutigong = [];
            this.fuwu.shipu = '';
            this.fuwu.yachang = '';
            this.fuwu.jinxingtijian = '';
            this.fuwu.tijianrenshu = '';
            this.fuwu.canyintijian = '';
            this.fuwu.canyinrenshu = '';
            this.fuwu.yiliaoshigu = '';
            this.fuwu.shiwuzhongdu = '';
            this.fuwu.zerenshigu = '';
            this.fuwu.tousu = '';



            this.fuwu.guanlibumen = '';
            this.fuwu.guanlizhidu = '';
            this.fuwu.waibupingjia = '';
            this.fuwu.huliyuan = '';
            this.fuwu.fuwupingbi = '';
            this.fuwu.goutongjizhi = '';
            this.fuwu.fuzetousu = '';
            this.fuwu.wudingqi = '';
            this.fuwu.huoweihui = '';
            this.fuwu.manyidudiaocha = '';
            this.fuwu.manyiduniandu = '';
            this.fuwu.qinshu = '';
            this.fuwu.ganran = '';
        },
        //新增
        addfuwu() {
            axios.post("/chain-api/fuwuxinxi/addfuwu", this.fuwu).then(res => {
                this.dialogFormVisible = false;
                if (res.data.code) {
                    this.$message({
                        showClose: true,
                        message: '新增成功',
                        type: 'success',
                    })
                } else {
                    this.$message({
                        showClose: true,
                        message: '新增失败',
                    })
                }
                this.onSubmit();
            })
        },
        //查看
        chakan() {
            if (this.multipleSelection.length != 1) {
                this.$message.error("只能选择一条数据！！！");
                this.chaxun()
            } else {
                this.chakanxuankuang = true;
                let ids = this.multipleSelection[0].noid;
                axios.get("/chain-api/fuwuxinxi/" + ids).then(res => {
                    this.fuwu = res.data.data;
                })
            }

        },
        //修改回显
        xiugai() {
            if (this.multipleSelection.length != 1) {
                this.$message.error("只能选择一条数据！！！");
                this.chaxun()
            } else {
                this.isAdd = false;
                this.dialogFormVisible = true;
                let ids = this.multipleSelection[0].noid;
                axios.get("/chain-api/fuwuxinxi/" + ids).then(res => {
                    this.fuwu = res.data.data;
                })
            }
        },
        //修改
        edifuwu() {
            this.dialogFormVisible = false;
            axios.post("/chain-api/fuwuxinxi/xiugai", this.fuwu).then(res => {
                if (res.data.code) {
                    this.$message({
                        showClose: true,
                        message: '修改成功',
                        type: 'success'
                    })
                } else {
                    this.$message({
                        showClose: true,
                        message: '修改失败',
                    })
                }
                this.onSubmit();
            })
        },
        //批量删除
        shanchu() {
            if (this.multipleSelection.length == 0) {
                this.$message.error("请选择一条信息");
            } else {
                let ids = this.multipleSelection.map(value => value.noid)
                axios.post("/chain-api/fuwuxinxi/shanchu", ids).then(res => {
                    if (res.data.code > 0) {
                        this.$message.success("批量删除成功")
                        this.chaxun()
                    } else {
                        this.$message.error("批量删除失败")
                        this.chaxun()
                    }
                })
            }
        },


        //多选框
        handleCheckedCitiesChange(value) {
            let checkedCount = value.length;
        },
        //左侧按钮
        handleSelectionChange(val) {
            this.multipleSelection = val;
            // console.log(val);
        },
        //日期转换显示
        leaveTime(row, column, cellValue, index) {
            return moment(cellValue).format('YYYY');
        },
    },
    data() {
        return {
            fen: {
                jigouId: '',
                min: '',
                max: '',
                dangqianDate: [],

                dqNum: 1,
                xsNum: 5,
            },
            isAdd: true,
            radio: '',
            //增改弹框
            dialogFormVisible: false,//取消
            //查看弹框
            chakanxuankuang: false,
            //多选框
            fuwuguanli: [],
            //基本表机构名
            jigouname:[],
            fuwu: {
                jigouId: '',//机构id 机构名称
                niandu: '',//经费补贴年度
                ruyuanpinggu: '',//是否对入住对象进行入院评估
                wenhuayule: '',//组织入住对象开展文化娱乐活动频率
                jigoutigong: [],//机构提供的服务内容
                shipu: '',//食谱更新频率
                yachang: '',//入住对象发生压疮的人数
                jinxingtijian: '',//是否每年对入住对象进行体检  0 --- 否  1 --- 是
                tijianrenshu: '',//体检的入住对象人数
                canyintijian: '',//餐饮工作人员是否每年进行体检  0 --- 否  1 --- 是
                canyinrenshu: '',//体检的餐饮工作人员人数
                yiliaoshigu: '',//是否发生过医疗事故  0 --- 否  1 --- 是
                shiwuzhongdu: '',//是否发生过食物中毒  0 --- 否  1 --- 是
                zerenshigu: '',//是否发生过责任事故  0 --- 否  1 --- 是
                tousu: '',//服务投诉件数
                guanlibumen: '',//有无服务质量管理部门  0 --- 无  1 --- 有
                guanlizhidu: '',//有无服务质量管理制度  0 --- 无  1 --- 有
                waibupingjia: '',//是否委托第三方进行服务质量外部评价  0 --- 否  1 --- 是
                huliyuan: '',//是否在机构内进行护理员服务评比  0 --- 否  1 --- 是
                fuwupingbi: '',//服务评比的频率
                goutongjizhi: '',//是否建立了机构和老年人家属的联席会议制度或其他沟通机制  0 --- 否  1 --- 是
                fuzetousu: '',//有无专门的部门或人员负责投诉记录、核实、处理和反馈  0 --- 无  1 --- 有
                wudingqi: '',//有无定期征求入住对象及家属意见  0 --- 无  1 --- 有
                huoweihui: '',//有无组成由入住对象参与的伙委会  0 --- 无  1 --- 有
                manyidudiaocha: '',//是否开展机构服务满意度调查  0 --- 否  1 --- 是
                manyiduniandu: '',//入住对象对服务满意度(年度)
                qinshu: '',//亲属对服务满意度（年度）
                ganran: '',//传染病   0 --- 否  1 --- 是
                isDelete: '',//0已删除，1未删除

                jigouname:'',
                zhibiao: '',
            },
            //页面总数
            total: 0,
            tableData: [{
                noid: '',
                jigouId: '',
                niandu: '',//年度
                jigoutigong: '',//机构提供的服务内容
                ruyuanpinggu: '',//是否对入住对象进行入院评估
            }],
            //左侧按钮
            multipleSelection: [],
            rules: {
                jigouId: [
                    { required: true, message: '请选择机构名称', trigger: 'change' },
                ],
                niandu: [
                    { required: true, message: '请选择年度', trigger: 'change' },
                ],
                ruyuanpinggu: [
                    { required: true, message: '请选择入住对象', trigger: 'change' },
                ],
                wenhuayule: [
                    { required: true, message: '请选择娱乐活动频率', trigger: 'change' },
                ],
                jigoutigong: [
                    { required: true, message: '请选择服务内容', trigger: 'change' },
                ],
                shipu: [
                    { required: true, message: '请选择食谱更新率', trigger: 'change' },
                ],
                yachang: [
                    { required: true, message: '请输入入住对象发生压疮的人数', trigger: 'blur' },
                ],
                jinxingtijian: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                tijianrenshu: [
                    { required: true, message: '请输入体检入住对象人数', trigger: 'blur' },
                ],
                canyintijian: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                canyinrenshu: [
                    { required: true, message: '请输入体检的餐饮工作人员人数', trigger: 'blur' },
                ],
                yiliaoshigu: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                shiwuzhongdu: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                zerenshigu: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                tousu: [
                    { required: true, message: '请输入服务投诉件数', trigger: 'blur' },
                ],
                guanlibumen: [
                    { required: true, message: '请选择有无', trigger: 'change' },
                ],
                guanlizhidu: [
                    { required: true, message: '请选择有无', trigger: 'change' },
                ],
                waibupingjia: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                huliyuan: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                fuwupingbi: [
                    { required: true, message: '请选择服务投诉件数', trigger: 'change' },
                ],
                goutongjizhi: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                fuzetousu: [
                    { required: true, message: '请选择有无', trigger: 'change' },
                ],
                wudingqi: [
                    { required: true, message: '请选择有无', trigger: 'change' },
                ],
                huoweihui: [
                    { required: true, message: '请选择有无', trigger: 'change' },
                ],
                manyidudiaocha: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
                manyiduniandu: [
                    { required: true, message: '请输入入住对象对服务满意度(年度)', trigger: 'blur' },
                ],
                qinshu: [
                    { required: true, message: '请输入亲属对服务满意度(年度)', trigger: 'blur' },
                ],
                ganran: [
                    { required: true, message: '请选择是否', trigger: 'change' },
                ],
            },
            submitForm(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.addfuwu();
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            },
        }
    },
    mounted() {
        this.chaxun();
        // 机构提供的服务内容
        axios.post("/chain-api/fuwuxinxi/chazhibiao").then(res => {
            this.fuwuguanli = res.data.data;
        })
        // 基本表的机构名称
        axios.post("/chain-api/jingfeibutie/jibenbiao").then(res=>{
            this.jigouname = res.data
        })
    },

}
</script>

<style>
#J1 {
    padding-top: 15px;
}

#J2 {
    width: 1600px;
    height: 30px;
    padding-left: 10px;
    padding-top: 15px;
    margin: auto;
    background-color: rgb(255, 255, 255);
    /* box-sizing: border-box; */
}

#J3 {
    padding-top: 10px;
}

#J4 {
    width: 1600px;
    height: 60px;
    padding-left: 10px;
    padding-top: 45px;
    margin: auto;
    background-color: rgb(255, 255, 255);
}

#J5 {
    padding-top: 10px;
}

#J6 {
    width: 1585px;
    height: 630px;
    padding-left: 25px;
    padding-top: 45px;
    margin: auto;
    background-color: rgb(255, 255, 255);
}

#J7 {
    /* padding-left: 0px; */
    padding-top: 20px;
    margin: auto;
    background-color: rgb(255, 255, 255);
}

#J8 {
    width: 310px;
    height: 38px;
    /* background-color: red; */
    margin-left: 0px;
    margin-top: 0px;
}

#J9 {
    display: inline;
    width: 282px;
    height: 38px;
    /* background-color: blue; */
    margin-left: 195px;
    margin-top: 0px;
}
</style>